import Vue from 'vue'
import App from './App.vue'
import router from './router'
import ArticleItem from '@/components/ArticleItem'

// 按需引入 Button 组件
import {
  Form,
  Field,
  Button,
  Tabbar,
  TabbarItem,
  NavBar,
  Toast,
  Cell,
  CellGroup,
  List,
  Icon,
  Grid,
  GridItem
} from 'vant'

// 注册 Button 组件
Vue.use(Button)
Vue.use(Tabbar)
Vue.use(TabbarItem)
Vue.use(NavBar)
Vue.use(Form)
Vue.use(Field)
Vue.use(Toast)
Vue.use(Cell)
Vue.use(CellGroup)
Vue.use(List)
Vue.use(Icon)
Vue.use(Grid)
Vue.use(GridItem)

// 全部导入
// import Vant from 'vant'
// import 'vant/lib/index.css'
// Vue.use(Vant)

// ESLint 只会对规范进行报错
// 同样, 自动修复代码, 也只能修复规范错误, 逻辑错误无法修复

// 全局注册文章列表项组件
Vue.component('ArticleItem', ArticleItem)

Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')
